import styled from 'styled-components'
export const MainStyle = styled.div`
	&.main-wrap {
		position: relative;
		padding-right: 10px;
		font-size: 12px;
		display: flex;
		height: 100%;
		justify-content: flex-start;
		min-height: 550px;
		overflow-y: auto;
		&.hidden {
			display: none;
		}
		.hidden {
			display: none;
		}
		/* 树 */
		/* .tree-wrap {
			padding-right: 28px;
			height: 100%;
			.m-tree {
				display: block;
				overflow: auto;
				height: calc(100% - 34px);
			}
		} */
		/* 过滤条件 */
		.filter-wrap {
			/* min-width: 675px; */
			align-content: center;
			justify-content: space-between;
			margin-bottom: 10px;
			.m-input {
				margin-right: 16px;
			}
			.search-icon {
				width: 30px;
				height: 30px;
				overflow: hidden;
				display: inline-block;
				line-height: 30px;
				cursor: pointer;
				margin-left: 10px;
			}
			.search-icon:hover {
				background-position: -30px 0px;
			}
		}
		/* 表格 */
		.table-wrap {
			/* min-width: 675px; */
			display: flex;
			flex-direction: column;
			width: 100%;
			.page-wrap {
				margin-top: 10px;
				display: flex;
				justify-content: flex-end;
				position: absolute;
				bottom: 10px;
				position: absolute;
				bottom: 36px;
				right: 0px;
			}
		}
	}
`
const LayoutStyle = styled.div``
const HeaderStyle = styled.div``
const FooterStyle = styled.div``
const ContentStyle = styled.div``
export { LayoutStyle, HeaderStyle, FooterStyle, ContentStyle }
